<template>
  <div>
    <!-- <form class="form-inline">
      <label>Geometry type &nbsp;</label>
      <select id="type">
        <option value="Point">Point</option>
        <option value="LineString">LineString</option>
        <option value="Polygon">Polygon</option>
        <option value="Circle">Circle</option>
      </select>
    </form> -->
    <div id='map' ref='rootmap'>
    </div>
  </div>
</template>

<script>

import map from './map'
export default {
  mixins: [map],
  data() {
    return {
      mapWrapper: null
    };
  },
  mounted() {
    console.log(this)
  },
  methods: {

  }
}

</script>

<style>
#map {
  height: 100%;
}
/*隐藏ol的一些自带元素*/
.ol-attribution,
.ol-zoom {
  display: none;
}
</style>
